<template>
	<div class="all">
		<div class="hei cu da">昵称：{{person.nickName}}</div>
		<div class="hui" style="line-height: 0.8rem;">余额：{{person.money}}元</div>
		<div class="xian"></div>
		<div class="flexb hei" @click="go('shoujihao')">
			<div>修改登录手机号</div>
			<div>></div>
		</div>
		<div class="xian"></div>
		<div class="flexb hei" @click="go('jiaofei')">
			<div>查看缴费记录</div>
			<div>></div>
		</div>
		<div class="xian"></div>
		
		<van-popup v-model="ing">
			<van-loading size="24px" color="#fff" vertical>加载中...</van-loading>
		</van-popup>
	</div>
</template>

<script>
	import axios from 'axios'
	import top from '@/components/top.vue'
	import bus from '@/assets/bus.js'
	export default {
		name: 'genghuan',
		components: {
			top
		},
		data() {
			return {
				value: "",
				person: "",
				ing:true
			}
		},
		watch: {
			// num:function(newValue, oldValue) {
			//   console.log(newValue, oldValue)
			// }
		},
		computed: {
			// zongjia:function(){
			//   return this.num * 100
			// }
		},
		created() {
			this.getyonghu()
		},
		methods: {
			go: function(url,canshu) {
				this.$router.push({
					path:url,
					query:{
						canshu:canshu
					}
				})
			},
			getyonghu: function() {
				this.axios.get(this.urls + `/mobile/api/getCountInfo`)
					.then(response => {
						this.person = response.data.result
						this.ing = false
					})
			},
		},

	}
</script>

<style scoped lang="less">
	
	.all {
		background: #FFFFFF;
		font-size: 0.28rem;
		min-height: 100vh;
		padding: 0.3rem;

		.xian {
			height: 1px;
			background: #eaeaea;
			width: 100%;
		}

		.flexb {
			line-height: 1rem;
		}
	}
</style>
